<template>
  <div id="app">
    <m-header></m-header>
    <!--  页面导航栏。 -->
    <tab></tab>
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'
  import MHeader from 'components/m-header/m-header'
  // import Player from 'components/player/player'
  import Tab from 'components/tab/tab'
export default {
  name: 'App',
  components: {
    MHeader,
    Tab,
    // Player
  },
  mounted () {
  }

}
</script>

<style  lang="stylus" rel="stylesheet/stylus">
    #app
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      .listwrapperlistcity
        overflow:hidden
        width :100%
          //  还是需要一个高度，要不然搞不动
        height:85%
    .recommend2
      position:relative
      top :0
      left 0
      z-index 10
      width: 100%
      height:600px
      overflow: hidden
</style>
